import React, { useEffect } from 'react'
import { Video, View, Button, CoverView } from '@tarojs/components'
import Taro from '@tarojs/taro';
import HorizontalUi from './components/HorizontalUi';
import './index.scss'
export default (props) => {
  useEffect(() => {

  }, [])
  const setsss = () => {
    const asr = Taro.createVideoContext('video');
    asr.requestFullScreen({
      direction: 90
    })
  }
  return <View className='Landscape_box'>
    <Video id={'video'} src='https://play.gy.cn/426a0e0041a571ee905c6733a68f0102/20a54fd3c62a0c07635d03296984c49a-ld-encrypt-stream.m3u8' style={{ width: '100%' }}>
      <HorizontalUi></HorizontalUi>
    </Video>
    <Button onClick={() => setsss()}>全屏</Button>
  </View>
}